<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>文本处理标签</title>
    </head>
    <body>
        <!-- 空格折叠现象：将连续多个空格与换行都折叠成一个空格进行显示 -->
        第2个网页      的内容 <!-- 这里有6个空格 但在网页显示只是一个空格 -->
        <!-- 键盘Tap键可快速添加标签(先写好标签名再按键盘上的Tab键) -->
        <!-- 文本相关标签 -->
        <b>b标签：我是文字加粗(bold)标签</b>
        <i>i标签：我是文字斜体(italic)标签</i>
        <u>u标签：我是下划线(underline)标签</u>
        <s>s标签：我是删除线标签</s>
        <mark>mark标签:我是高亮标记标签</mark>
        <br> <!-- br标签：我是换行(break)标签 是单标签(单标签中/可省略)-->
        <!-- 转义符号
         &lt; 表示小于号  (lt : less than)
         &gt; 表示大于号  (gt : greater than)
         &nbsp; 表示空格(一个&nbsp;只空一格)
        -->
        &lt;静夜思&nbsp;李白&gt;<br>
        床前明月光，<br>疑是地上霜；<br>举头望明月，<br>低头思故乡。
        <!-- 文本相关标签 -->
        <!-- 标题标签 加粗 修改字号 有垂直方向的行间距 内容独占一行 -->
        <h1>h1标签：我是一级标题</h1>
        <h2>h2标签：我是二级标题</h2>
        <h3>h3标签：我是三级标题</h3>
        <h4>h4标签：我是四级标题</h4>
        <h5>h5标签：我是五级标题</h5>
        <h6>h6标签：我是六级标题</h6>
        <h7>h7：我是不存在标签 不具备标题标签的特性</h7>
        <hr>hr标签：我是独占一行的灰色水平分割线 是单标签
        <!-- 段落标签 有垂直方向的行间距 内容独占一行 -->
        <!-- Ctrl+D 快速复制当前行  Ctrl+Y 快速删除当前行 -->
        <p>p标签：我是段落标签paragraphs</p>
        <p>p标签：我是段落标签paragraphs</p>
        <!-- 前后端联调  假文 lorem(首字母必须小写) 输入lorem后按Tab键自动生成一段假文 -->
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores debitis dolore doloribus ducimus ea et expedita, facere illo labore magnam magni maiores molestiae quaerat quibusdam repellendus repudiandae sed similique, vel.

        <!-- 有序列表 ol：(ordered list)  列表项 li：(list item) -->
        <!-- type属性用于修改列表项前的标识符 ol的默认为1阿拉伯数字 A大写字母 a小写字母 I大写罗马数字 i小写罗马数字 -->
        <ol type="a">
            <li>打开冰箱门</li>
            <li>把大象装进去</li>
            <li>关闭冰箱门</li>
        </ol>
        <!-- 无序列表ul：(unordered list) 列表项li：(list item) -->
        <!-- ul的type属性 type="none"(常用)去除列表项前的标识符  disc实心圆圈 circle空心圆圈 square实心方块-->
        <ul type="none">
            <li>《Think in java》</li>
            <li>《Java入门到精通》</li>
            <li>《大风歌》</li>
        </ul>
        <!-- 课堂练习 -->
        <ul type="none">
            <li>热菜
                <ol>
                    <li>西红柿牛腩</li>
                    <li>水煮肉片</li>
                    <li>宫保鸡丁</li>
                    <li>溜肉段</li>
                </ol>
            </li>
            <li>凉菜
                <ol>
                    <li>拍黄瓜</li>
                    <li>皮蛋廋肉粥</li>
                    <li>凉拌三丝</li>
                </ol>
            </li>
            <li>主食
                <ol>
                    <li>米饭</li>
                    <li>馒头</li>
                </ol>
            </li>
        </ul>
        <hr>
        <ul><h1>个人简历</h1>
            <ul type="none">
                <li><h3>基本信息</h3>
                    <p>姓名：<b>传奇哥</b></p>
                    <p>性别：男</p>
                    <p>爱好：<s>摄影</s></p>
                </li>
                <li><h3>个人经历</h3>
                    <ul type="disc">
                        <li>小学9年</li>
                        <li>中学9年</li>
                        <li>高中12年</li>
                    </ul>
                </li>
                <li><h3>获得荣誉</h3>
                    <ol>
                        <li>机甲收集达人</li>
                        <li>玩偶姐姐</li>
                    </ol>
                </li>
            </ul>
        </ul>

    </body>
</html>